<template>
    <div>
        <van-search v-model="value" placeholder="请输入搜索关键词" />
        <div>
            <van-tabs v-model="active">
  <van-tab title="综合">
      <van-card
  num="2"
  price="296.00"
  desc="描述信息"
  title="商品标题"
  thumb=""
/>
<van-card
  num="2"
  price="296.00"
  desc="描述信息"
  title="商品标题"
  thumb=""
/>
<van-card
  num="2"
  price="296.00"
  desc="描述信息"
  title="商品标题"
  thumb=""
/>
<van-card
  num="2"
  price="296.00"
  desc="描述信息"
  title="商品标题"
  thumb=""
/>
<van-card
  num="2"
  price="296.00"
  desc="描述信息"
  title="商品标题"
  thumb=""
/>
<van-card
  num="2"
  price="296.00"
  desc="描述信息"
  title="商品标题"
  thumb=""
/>
<van-card
  num="2"
  price="296.00"
  desc="描述信息"
  title="商品标题"
  thumb=""
/>
<van-card
  num="2"
  price="296.00"
  desc="描述信息"
  title="商品标题"
  thumb=""
/>
  </van-tab>
  <van-tab title="按销量">
      <van-card
  num="2"
  price="296.00"
  desc="描述信息"
  title="商品标题"
  thumb=""
/>
<van-card
  num="2"
  price="296.00"
  desc="描述信息"
  title="商品标题"
  thumb=""
/>
<van-card
  num="2"
  price="296.00"
  desc="描述信息"
  title="商品标题"
  thumb=""
/>
<van-card
  num="2"
  price="296.00"
  desc="描述信息"
  title="商品标题"
  thumb=""
/>
<van-card
  num="2"
  price="296.00"
  desc="描述信息"
  title="商品标题"
  thumb=""
/>
<van-card
  num="2"
  price="296.00"
  desc="描述信息"
  title="商品标题"
  thumb=""
/>
<van-card
  num="2"
  price="296.00"
  desc="描述信息"
  title="商品标题"
  thumb=""
/>
  </van-tab>
  <van-tab title="按价格">
      <van-card
  num="2"
  price="296.00"
  desc="描述信息"
  title="商品标题"
  thumb=""
/>
<van-card
  num="2"
  price="296.00"
  desc="描述信息"
  title="商品标题"
  thumb=""
/>
<van-card
  num="2"
  price="296.00"
  desc="描述信息"
  title="商品标题"
  thumb=""
/>
<van-card
  num="2"
  price="296.00"
  desc="描述信息"
  title="商品标题"
  thumb=""
/>
<van-card
  num="2"
  price="296.00"
  desc="描述信息"
  title="商品标题"
  thumb=""
/>
<van-card
  num="2"
  price="296.00"
  desc="描述信息"
  title="商品标题"
  thumb=""
/>
<van-card
  num="2"
  price="296.00"
  desc="描述信息"
  title="商品标题"
  thumb=""
/>
  </van-tab>
  <!-- <van-tab title="标签 4">内容 4</van-tab> -->
</van-tabs>     
        </div>
    </div>
</template>
<script>
export default {
    data() {
    return {
      value: '',
    };
  },
}
</script>